// 用户个人资料-扩展信息

var expansion = Vue.component('expansion', {
    data () {
        return {
            editStatus: null,   // education,work-experience,family-member,self-evaluation,talent-demand,specialty

        }
    },

    template: ` <div class="my-expansion">
                    <div class="title">扩展信息</div>

                    <!-- 教育背景编辑 -->
                    <div class="content" v-if="editStatus == 'education'">
                        <div class="contents">
                            <div class="second-title">教育背景</div>
                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">起止时间：</div>
                                    <div class="detail">
                                        <input class="detail-date" type="date" > 至 <input class="detail-date" type="date" > 
                                    </div>
                                </div>
                                <div class="row-child">
                                    <div class="name">毕业院校：</div>
                                    <div class="detail">
                                        <input type="text" >
                                    </div>
                                </div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">专业：</div>
                                <div class="detail">
                                    <select class="input-select">
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                    </select>
                                </div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">所获奖项：</div>
                                <div class="detail">
                                    <textarea class="textarea" cols="30" rows="5" maxlength="400"></textarea>
                                </div>
                            </div>
                            <div class="btns">
                                <button class="btn btn-save">返回</button>
                                <button class="btn btn-primary">保存设置</button>
                            </div>
                        </div>
                    </div>

                    <!-- 工作经历编辑 -->
                    <div class="content" v-if="editStatus == 'work-experience'">
                        <div class="contents">
                            <div class="second-title">工作经历</div>
                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">起止时间：</div>
                                    <div class="detail">
                                        <input class="detail-date" type="date" > 至 <input class="detail-date" type="date" > 
                                    </div>
                                </div>
                                <div class="row-child">
                                    <div class="name">公司名称：</div>
                                    <div class="detail">
                                        <input type="text" >
                                    </div>
                                </div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">职位：</div>
                                <div class="detail">
                                    <select class="input-select">
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                    </select>
                                </div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">离职原因：</div>
                                <div class="detail">
                                    <textarea class="textarea" cols="30" rows="5" maxlength="400"></textarea>
                                </div>
                            </div>
                            <div class="btns">
                                <button class="btn btn-save">返回</button>
                                <button class="btn btn-primary">保存设置</button>
                            </div>
                        </div>
                    </div>

                    <!-- 家庭成员编辑 -->
                    <div class="content" v-if="editStatus == 'family-member'">
                        <div class="contents">
                            <div class="second-title">家庭成员</div>
                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">姓名：</div>
                                    <div class="detail">
                                    <input type="text" >
                                    </div>
                                </div>
                                <div class="row-child">
                                    <div class="name">称谓：</div>
                                    <div class="detail">
                                        <input type="text" >
                                    </div>
                                </div>
                            </div>
                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">工作单位：</div>
                                    <div class="detail">
                                    <input type="text" >
                                    </div>
                                </div>
                                <div class="row-child">
                                    <div class="name">联系电话：</div>
                                    <div class="detail">
                                        <input type="text" >
                                    </div>
                                </div>
                            </div>
                            <div class="btns">
                                <button class="btn btn-save">返回</button>
                                <button class="btn btn-primary">保存设置</button>
                            </div>
                        </div>
                    </div>

                    <!-- 自我评价编辑 -->
                    <div class="content" v-if="editStatus == 'self-evaluation'">
                        <div class="contents">
                            <div class="second-title">自我评价</div>
                            <div class="one-row rows">
                                <div class="detail">
                                <textarea class="textarea" cols="30" rows="5" maxlength="400"></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="contents">
                            <div class="second-title">自我爱好特长评价</div>
                            <div class="one-row rows">
                                <div class="detail">
                                    <textarea class="textarea" cols="30" rows="5" maxlength="400"></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="contents">
                            <div class="second-title">员工对工厂对评价</div>
                            <div class="one-row rows">
                                <div class="detail">
                                    <textarea class="textarea" cols="30" rows="5" maxlength="400"></textarea>
                                </div>
                            </div>
                            <div class="btns">
                                <button class="btn btn-save">返回</button>
                                <button class="btn btn-primary">保存设置</button>
                            </div>
                        </div>
                    </div>


                    <!-- 公司人才需求编辑 -->
                    <div class="content"  v-if="editStatus == 'talent-demand'">
                        <div class="contents">
                            <div class="second-title">公司人才需求</div>
                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">地点：</div>
                                    <div class="detail">
                                        <select class="input-select">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row-child">
                                    <div class="name">职能：</div>
                                    <div class="detail">
                                        <select class="input-select">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                        </select>
                                    </div>
                                </div>
                            </div>


                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">职位：</div>
                                    <div class="detail">
                                        <input type="text" >
                                    </div>
                                </div>
                                <div class="row-child">
                                    <div class="name">薪资：</div>
                                    <div class="detail">
                                        <input type="text" >
                                    </div>
                                </div>
                            </div>

                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">期望月薪：</div>
                                    <div class="detail">
                                        <select class="input-select">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row-child">
                                    <div class="name">工作类型：</div>
                                    <div class="detail">
                                        <select class="input-select">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">行业：</div>
                                    <div class="detail">
                                        <select class="input-select">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row-child">
                                    <div class="name">到岗时间：</div>
                                    <div class="detail">
                                        <select class="input-select">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="one-row rows">
                                <div class="name">个人标签：</div>
                                <div class="detail">
                                    <button class="btn btn-primary">标签1</button>
                                    <button class="btn btn-primary">标签2</button>
                                    <button class="btn btn-primary">标签3</button>
                                    <button class="btn btn-primary">标签4</button>
                                </div>
                            </div>
                            <div class="btns">
                                <button class="btn btn-save">返回</button>
                                <button class="btn btn-primary">保存设置</button>
                            </div>
                        </div>
                    </div>


                    <!-- 人才需求（工厂） -->
                    <div class="content" v-if="editStatus == 'specialty'">
                        <div class="contents">
                            <div class="second-title">面料种类</div>
                            <div class="second-content">
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>牛仔</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>双面尼</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>单面尼</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>羽绒服</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>针织</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>梭织</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>真丝</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>雪纺</span></div>
                            </div>
                        </div>  
                        
                        <div class="contents">
                            <div class="content-factory">
                                <span class="second-title">技术等级</span>
                                <div class="second-content">
                                    <div class="choose"><input class="radio" type="radio" name="grade" /><span>学徒</span></div>
                                    <div class="choose"><input class="radio" type="radio" name="grade" /><span>工作1-2年</span></div>
                                    <div class="choose"><input class="radio" type="radio" name="grade" /><span>工作3-5年</span></div>
                                    <div class="choose"><input class="radio" type="radio" name="grade" /><span>工作6-10年</span></div>
                                    <div class="choose"><input class="radio" type="radio" name="grade" /><span>10年以上</span></div>
                                </div>
                            </div>

                        </div>

                        <div class="contents">
                            <span class="second-title">擅长种类</span>
                            <div class="second-content">
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>拼缝</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>做领子</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>上领子</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>开口袋</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>大烫</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>模板车</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>双针车</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>套里布</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>西装</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>西裤</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>裤子</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>大衣</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>装拉链</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>小烫</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>压线</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>夹克</span></div>
                            </div>

                            <div class="btns">
                                <button class="btn btn-save">返回</button>
                                <button class="btn btn-primary">保存设置</button>
                            </div>
                        </div>
                    </div>


                    <!-- 非编辑状态 -->
                    <div class="content" v-if="!editStatus">
                        <div class="contents">
                            <div class="second-title">教育背景</div>
                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">起止时间：</div>
                                    <div class="detail">2019-02-02——2019-08-3</div>
                                </div>
                                <div class="row-child">
                                    <div class="name">毕业院校：</div>
                                    <div class="detail">浙江医科大学</div>
                                </div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">专业：</div>
                                <div class="detail">产品设计</div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">所获奖项：</div>
                                <div class="detail">曾在大学期间获得“校三好学生“，在xx公司获得最佳老牛奖，优秀员工奖...</div>
                            </div>
                            <div class="btns">
                                <div class="operat edit" @click="onEdit('education')">编辑<img src="../../../../imgs/manage/edit.png"></div>
                                <div class="operat delete" @click="onDelete('education')">删除<img src="../../../../imgs/manage/delete.png"></div>
                            </div>
                        </div>

                        <div class="contents">
                            <div class="second-title">工作经历</div>
                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">起止时间：</div>
                                    <div class="detail">2019-02-02——2019-08-3</div>
                                </div>
                                <div class="row-child">
                                    <div class="name">公司名称：</div>
                                    <div class="detail">杭州策美网络科技有限公司</div>
                                </div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">职位：</div>
                                <div class="detail">ui设计师</div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">离职原因：</div>
                                <div class="detail">现有的企业岗位设置难以满足自身职业进一步发展的要求，换一个更好的平台来挑战自我。公司重组或部门内部变动，导致工作内容发生重大变化，无法再继续履行劳动合同，或者直接被裁员等。每一家企业其实都有自己特有的“文化”，如果你在这家公司里工作，却无法认可这家公司提倡的一些文化，这就会对企业的发展以及对自己的</div>
                            </div>
                            <div class="btns">
                                <div class="operat edit" @click="onEdit('jobs')">编辑<img src="../../../../imgs/manage/edit.png"></div>
                                <div class="operat delete" @click="onDelete('jobs')">删除<img src="../../../../imgs/manage/delete.png"></div>
                            </div>
                        </div>

                        <div class="contents">
                            <div class="second-title">家庭成员</div>
                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">姓名：</div>
                                    <div class="detail">陈某某</div>
                                </div>
                                <div class="row-child">
                                    <div class="name">称谓：</div>
                                    <div class="detail">爸爸</div>
                                </div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">工作单位：</div>
                                <div class="detail">个体</div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">联系电话：</div>
                                <div class="detail">13587789900</div>
                            </div>
                            <div class="btns">
                                <div class="operat edit" @click="onEdit('family')">编辑<img src="../../../../imgs/manage/edit.png"></div>
                                <div class="operat delete" @click="onEdit('family')">删除<img src="../../../../imgs/manage/delete.png"></div>
                            </div>
                        </div>

                        <div class="contents">
                            <div class="second-title">自我能力评价</div>
                            <div class="one-row rows">
                                <div class="detail">
                                工作认真负责，不推卸责任；能承受工作中的压力；工作上可以独当一面；具有团队精神，能与同事，其它部门积极配合，公司利益至上；服从性好，能与上司
    保持良好的沟通，尊重上司的安排；为人诚实，正直；且好学上进，不断提高工作能力；相信您的选择会让您我更加成功。
                            </div>
                            </div>
                        </div>

                        <div class="contents">
                            <div class="second-title">自我爱好特长评价</div>
                            <div class="one-row rows">
                                <div class="detail">
                                工作认真负责，不推卸责任；能承受工作中的压力；工作上可以独当一面；具有团队精神，能与同事，其它部门积极配合，公司利益至上；服从性好，能与上司
    保持良好的沟通，尊重上司的安排；为人诚实，正直；且好学上进，不断提高工作能力；相信您的选择会让您我更加成功。
                            </div>
                            </div>
                        </div>

                        <div class="contents">
                            <div class="second-title">员工对工厂对评价</div>
                            <div class="one-row rows">
                                <div class="detail">
                                工作认真负责，不推卸责任；能承受工作中的压力；工作上可以独当一面；具有团队精神，能与同事，其它部门积极配合，公司利益至上；服从性好，能与上司
    保持良好的沟通，尊重上司的安排；为人诚实，正直；且好学上进，不断提高工作能力；相信您的选择会让您我更加成功。
                            </div>
                            </div>
                            <div class="btns">
                                <div class="operat edit" @click="onEdit('evaluation')">编辑<img src="../../../../imgs/manage/edit.png"></div>
                            </div>
                        </div>


                        <div class="contents">
                            <div class="second-title">面料种类</div>
                            <div class="second-content">
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>牛仔</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>双面尼</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>单面尼</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>羽绒服</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>针织</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>梭织</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>真丝</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>雪纺</span></div>
                            </div>
                        </div>  
                        
                        <div class="contents">
                            <div class="content-factory">
                                <span class="second-title">技术等级</span>
                                <div class="second-content">
                                    <div class="choose"><input class="radio" type="radio" name="grade" /><span>学徒</span></div>
                                    <div class="choose"><input class="radio" type="radio" name="grade" /><span>工作1-2年</span></div>
                                    <div class="choose"><input class="radio" type="radio" name="grade" /><span>工作3-5年</span></div>
                                    <div class="choose"><input class="radio" type="radio" name="grade" /><span>工作6-10年</span></div>
                                    <div class="choose"><input class="radio" type="radio" name="grade" /><span>10年以上</span></div>
                                </div>
                            </div>

                        </div>

                        <div class="contents">
                            <span class="second-title">擅长种类</span>
                            <div class="second-content">
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>拼缝</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>做领子</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>上领子</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>开口袋</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>大烫</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>模板车</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>双针车</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>套里布</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>西装</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>西裤</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>裤子</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>大衣</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>装拉链</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>小烫</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>压线</span></div>
                                <div class="choose"><input class="checkbox" type="checkbox" /><span>夹克</span></div>
                            </div>
                        </div>

                        <div class="contents">
                            <div class="second-title">公司人才需求</div>
                            <div class="two-row rows">
                                <div class="row-child">
                                    <div class="name">地点：</div>
                                    <div class="detail">浙江省杭州市西湖区文三路东部..</div>
                                </div>
                                <div class="row-child">
                                    <div class="name">职能：</div>
                                    <div class="detail">视觉设计师</div>
                                </div>
                                <div class="row-child">
                                    <div class="name">职位：</div>
                                    <div class="detail">xx职位..</div>
                                </div>
                                <div class="row-child">
                                    <div class="name">薪资：</div>
                                    <div class="detail">18k/月</div>
                                </div>
                                <div class="row-child">
                                    <div class="name">期望月薪：</div>
                                    <div class="detail">20k/月</div>
                                </div>
                                <div class="row-child">
                                    <div class="name">工作类型：</div>
                                    <div class="detail">设计师</div>
                                </div>
                                <div class="row-child">
                                    <div class="name">行业：</div>
                                    <div class="detail">互联网科技</div>
                                </div>
                                <div class="row-child">
                                    <div class="name">到岗时间：</div>
                                    <div class="detail">2019-04-24</div>
                                </div>
                            </div>
                            <div class="one-row rows">
                                <div class="name">个人标签：</div>
                                <div class="detail">
                                    <button class="btn btn-primary">标签1</button>
                                    <button class="btn btn-primary">标签2</button>
                                    <button class="btn btn-primary">标签3</button>
                                    <button class="btn btn-primary">标签4</button>
                                </div>
                            </div>
                            <div class="btns">
                                <div class="operat edit" @click="onEdit('talentDemand')">编辑<img src="../../../../imgs/manage/edit.png"></div>
                                <div class="operat delete" @click="onDelete('talentDemand')">删除<img src="../../../../imgs/manage/delete.png"></div>
                            </div>
                        </div>
                    </div>
                </div>`
})